<template>
  <view class="myMessage">
          <u-tabs :list="list"  lineColor="#F25C4D" class="tabs" :activeStyle="{color: '#2A2929',fontWeight: 'bold'}" :inactiveStyle="{color:'#818181',fontWeight: 'bold'}" itemStyle="padding:22px 70px" @click="click"></u-tabs>
          <view class="message-body">
          <!--   <u-empty
                    mode="message"
                    marginTop="140"
                    icon="../../static/不存在@2x.png"
            >
            </u-empty> --> 
            <announcement v-if="item == 0"></announcement>
          </view>
         
  </view>
  
</template>

<script>
  export default {
    name: 'Message',
    components: {},
    data() {
      return {
        item:0,
        list: [
          {
                name: '公告',
            }, {
                name: '系统通知',
            }
            ]
      };
    },
    created(){},
    mounted(){},
    onLoad(){
      
    },
    methods: {
      click(item) {
       this.item = item.index
            
       }
    }
  }
</script>

<style lang="scss">
page{
  background-color: #F4F4F4;
}
.tabs{
      background-color: #fff;
    }
</style>
